<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<c:url value="/operario.html" var="operario"></c:url>

<title>Operarios</title>



<script type="text/javascript">

	$( function(){
	   $("#bs-component").displayTagAjax();
	})
	
	$(document).ready(function() {		
				$("#buscar_operario").click(function() {
					$.get("<c:url value='operario.html'/>", {
								accion : "buscarOperario",
								nombre : document.forms["cuerpo"].nombre.value
							},
									function(responseText, status,
											xmlHttpRequest) {
										$('#bs-component').html($('#bs-component',responseText).html());
									})
						});
				
				var respuesta ="<c:out value='${respuesta}' />";
				
				if(respuesta=="OK"){
					alert("Los datos del operario se actualizaron de manera correcta");
				}
				if(respuesta=="NOOK"){
					alert("no se pudo registrar los datos del operario.");
				}
				
			});

	
	function modificarOperario(id_empleado){
		$("#accion").attr("value", "modificarOperario");
		$("#id_empleado").attr("value",id_empleado);
		$("form").submit();
	}
	
</script>

	<form class="form-horizontal" id="cuerpo" name="cuerpo" action="${operario}">
		<input type="hidden" id="accion" name="accion" />
		<input type="hidden" id="id_empleado" name="id_empleado" />
		<div class="col-lg-6 col-lg-offset-3">
			<div class="well bs-component">
				<fieldset>
					<legend>Buscar Operario</legend>
					<div class="form-group">
						<label for="inputNombre" class="col-lg-2 control-label">Nombre</label>
						<div class="col-lg-7">
							<input type="text" class="form-control" id="nombre" name="nombre"
								placeholder="Nombre del operario">
						</div>
						<div class="col-lg-2">
							<button type="button" class="btn btn-primary"
								id="buscar_operario">Buscar</button>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-12"></div>
					</div>
					<div class="row">
						<div class="col-lg-12">
							<h4 class="list-group-item-heading">Lista de Operarios</h4>
						</div>
					</div>

					<div class="row">
						<div class="col-lg-12">
							<div class="bs-component" id="bs-component">

								
								<display:table name="operarioListOperario" pagesize="10"
									id="operario" requestURI="/operario.html"
									class="table table-striped table-hover ">

									<display:column title="#">
										<c:out value="${operario_rowNum}" />
									</display:column>
									<display:column escapeXml="true" property="nombre" 
										title="Nombre" />
									<display:column escapeXml="true" property="tipo_doc"
										title="Tipo Doc." />
									<display:column escapeXml="true" property="nro_doc"
										title="Nro. Doc." />
									<display:column>
										<button type="button" class="btn btn-warning" id="modificar_operario" onclick="modificarOperario('${operario.id_empleado}')" >Modificar</button>
									</display:column>
									
								</display:table>

							</div>
						</div>
					</div>
				</fieldset>
			</div>
		</div>


	</form>

